/**
 * 密码验证
 */
function checkPassword(){
    let password = $("#password").val();
    let reg = /^\w{6,16}$/;
    let prompt = $("#check-password");

    if (reg.test(password)){
        prompt.html("密码格式正确");
        document.getElementById("check-password").style.color = "green";
    }else {
        prompt.html("密码格式错误");
        document.getElementById("check-password").style.color = "red";
    }
}



/**
 * 检查两次密码输入是否一致
 */
function checkRepassword() {
    let password = document.getElementById("password").value;
    let rePassword = document.getElementById("rePassword").value;

    /**
     * == 和 != 比较若类型不同，先尝试转换类型，再作值比较，最后返回值比较结果
     * 而=== 和 !== 只有在相同类型下,才会比较其值
     */
    if (password !== rePassword) {
        /**
         * innerHTML html,直接显示文字
         * innerText 文本域，显示到文本域中，例如输入框
         * innerHTML， getElementById 属于原生js
         * html $("#") 属于 jquery
         */
        document.getElementById("check-rePassword").innerHTML = "两次密码输入不一致";
        document.getElementById("check-rePassword").style.color = "red";
    } else {
        document.getElementById("check-rePassword").innerHTML = "密码输入一致";
        document.getElementById("check-rePassword").style.color = "green";
      /*  $("#").html(); 取得html内容
        $("#").css(); 设置样式
        $("#").focus() 聚焦*/
    }
}

/**
 * 验证名字是否输入正确
 */
function checkUsername() {
    let code = $("#code").val();
    let reg = /^[a-zA-Z]\w{1,15}$/;
    let prompt = $("#check-username");

    if (reg.test(code)){
        prompt.html("用户名格式正确");
        document.getElementById("check-username").style.color = "green";
    }else {
        prompt.html("用户名格式错误");
        document.getElementById("check-username").style.color = "red";
    }
}

/**
 * 电话号码验证
 */
function checkPhone() {
    let phone = $("#phone").val();
    let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
    let prompt = $("#check-phone");
    if (reg.test(phone)){
        prompt.html("手机格式正确");
        document.getElementById("check-phone").style.color = "green";
    } else {
        prompt.html("手机格式错误");
        document.getElementById("check-phone").style.color = "red";
    }
}
